body{
  margin: 0;
  padding: 0;
}
.wrapper{
  width: 100%;
  height: 100%;
}
.wrapper-ash{
  width: 100%;
  height: 782px;
  background:rgba(249,249,249,1);
}
.wrapper-white{
  width: 100%;
  background:rgba(255,255,255,1);
}
.banner{
  width: 1580px;
  height: 590px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.banner img{
  width: 100%;
  height: 100%;
}
.banner-hot{
  width: 1336px;
  height: 321px;
  margin-top: -160px;
  margin-left: -668px;
  position: absolute;
  left: 50%;
  z-index: 29;
}
.banner-hot img {
  width: 100%;
  height: 321px;
  z-index: 29;
}

.swiper-banner>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 100px;
  left: 50%;
  width: 100%;
  position: absolute;
  z-index: 3;
}
.content{
  width: 1200px;
  margin: auto;
}
.content-title{
  width: 100%;
  height: 60px;
  padding-top: 74px;
}
.content-title-box{
  position: relative;
}
.content-title-img{
  width: 920px;
  height: 100%;
  margin: auto;
}
.title-btn{
  font-size:18px;
  color:rgba(42,46,46,1);
  display: flex;
  align-items: center;
  position: absolute;
  top: 18px;
  right: 0;
}
.title-btn:hover .title-btn-img{
  transform: translateX(10px);
}
.title-btn-img{
  width: 16px;
  height: 20px;
  margin-left: 10px;
  margin-top: -2px;
  vertical-align: middle;
  transition: all .1s ease;
}
.container{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 54px;
}
.container-left{
  width: 558px;
}
.text{
  font-size:16px;
  height: 250px;
  color:rgba(95,100,100,1);
  line-height:28px;
  text-indent: 2em;
  text-align: justify;
}
.list{
  width: 558px;
  display: flex;
  justify-content: space-between;
}
.effect-julia{
  width: 170px;
  text-align: center;
}
.effect-julia img{
  width: 50px;
  height: 50px;
  margin: auto;
}
.effect-julia figcaption{
  font-size:16px;
  color:rgba(95,100,100,1);
  line-height:21px;
  margin-top: 18px;
}
.container-right{
  width: 544px;
  padding-top: 16px;
  position: relative;
}
.btn{
  width:184px;
  height:58px;
  background:rgba(155,112,194,1);
  border-radius:6px;
  font-size:18px;
  color:rgba(255,255,255,1);
  line-height:58px;
  text-align: center;
  margin-top: 100px;
}
.btn-text{
  float: left;
  margin-left: 20px;
}
.btn img{
  width: 50px;
  height: 20px;
  font-size:18px;
  color:rgba(255,255,255,1);
  line-height:24px;
  float: left;
  margin-top: 19px;
  margin-left: 10px;
  transition: all 0.1s;
}
.btn:hover img{
  margin-left: 15px;
}
.video-content{
  width:490px;
  height:292px;
  background:rgba(155,112,194,1);
  margin-top: 100px;
  margin-left: 55px;
}
.video{
  width:524px;
  height:370px;
  position: absolute;
  left: 0;
  top: 16px;
    cursor: pointer;
}
.video_play{
  width: 90px;
  height: 90px;
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index: 10;
  transition: all 0.1s;
}
.video_banner{
  width:524px;
  height:370px;
  position: relative;
}
.video_position{
  width:524px;
  height:370px;
  position: relative;
}
.video_position:hover .video_play{
  width: 100px;
  height: 100px;
}
.report-left{
  width: 484px;
  height: 545px;
  background:rgba(224,221,237,1);
  border-radius:4px;
}

.report-left:hover .report-left-bottom-img{
  padding-left: 10px;
}
.report-left-box{
  width: 484px;
  height: 245px;
  position: relative;
}
.report-b{
  width: 484px;
  height: 245px;
}
.report-p{
  width: 60px;
  height: 60px;
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index: 10;
  transition: all 0.1s;
}
.report-left-bottom{
  width: 380px;
  padding-top: 50px;
  margin: auto;
}
.report-left-bottom-p1{
  font-size:16px;
  color: rgba(95,100,100,1);
  line-height:34px;
}
.report-left-bottom-p2{
  font-size:22px;
  font-weight:bold;
  color:rgba(42,46,46,1);
  line-height:43px;
  margin-top: 10px;
  margin-bottom: 50px;

  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
}
.report-left-bottom-img{
  width: 50px;
  height: 20px;
  transition: all 0.1s;
}
.report-right{
  width: 544px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.report-right-box{
  height: 525px;
  display: flex;
  align-items: center;
}
.report-right-text1{
  font-size:14px;
  color:rgba(95,100,100,1);
  line-height:34px;
}
.report-right-text2{
  font-size:16px;
  color:rgba(42,46,46,1);
  line-height:40px;
}
.report-right a:hover{
  text-decoration:underline;
  color: #2A2E2E;
}
.news{
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 70px;
}
.news-figure{
  width: 384px;
}
.news-figure img{
  width: 384px;
  height: 260px;
  border-radius:4px;
}
.news-figure figcaption{
  width: 350px;
  height: 170px;
  margin: auto;
  position: relative;
}
.news-figure-h1{
  font-size:16px;
  color:rgba(42,46,46,1);
  margin-top: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-figure-h2{
  font-size:16px;
  color:rgba(95,100,100,1);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-figure-h3{
   font-size:12px;
  color:rgba(95,100,100,1);
  margin-top: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news a:hover{
  text-decoration: underline;
  color: #2A2E2E;
}
.swiper-container {
  width: 1368px;
  height: 600px;
}
.swiper-pagination{
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-img{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.swiper-border{
  width:308px;
  height:226px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}
.swiper-border-img{
  width:290px;
  height:206px;
  box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.15);
}
.swiper-border:hover{
  transform: scale(1.05);
}
.swiper-border:hover .swiper-border-img{
  transform: scale(1.05);
}
.swiper-img-box{
  width:308px;
  height:226px;
}
.content-big{
  width: 1368px;
  margin: 0 auto;
}
.container-big{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.swiper-pagination-bullet{
  width:10px;
  height:10px;

}
.swiper-pagination-bullet-active{
  width:10px;
  height:10px;
  background:rgba(42,46,46,1);
}
.service{
  width: 100%;
  padding-top: 64px;
}
.service-content{
  width: 100%;
  height: 280px;
}
.service-content-box{
  width: 100%;
  height: 280px;
  display: flex;
  justify-content: center;
  padding-bottom: 25px;
}
.service-julia{
  width:370px;
  height:242px;
  background:rgba(255,255,255,1);
  border-radius:6px;
  transition: all 0.2s;
  padding-top: 38px;
}
.service-julia-img1{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img23.png') no-repeat;
  background-size:100% 100%;
}
.service-julia-img2{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img27.png') no-repeat;
  background-size:100% 100%;
}
.service-julia-img3{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img25.png') no-repeat;
  background-size:100% 100%;
}
.service-julia-img4{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img26.png') no-repeat;
  background-size:100% 100%;
}

.service-julia-img5{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img24.png') no-repeat;
  background-size:100% 100%;
}

.service-julia-img6{
  width: 150px;
  height: 150px;
  margin: 0px auto 22px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img22.png') no-repeat;
  background-size:100% 100%;
}
.service-julia figcaption{
  text-align: center;
  font-size:24px;
  font-weight:normal;
  color:rgba(95,100,100,1);
  transition: all 0.6s;
}
.service-c1 {
  margin: 0 30px;
}
.service-c1:hover figure{
  background:rgba(224,221,237,1);
  box-shadow:0px 4px 50px 0px rgba(0,0,0,0.1);
  cursor: pointer;
}
.service-c1:hover .service-julia-img1{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img18.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover .service-julia-img2{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img16.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover .service-julia-img3{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img20.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover .service-julia-img4{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img21.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover .service-julia-img5{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img19.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover .service-julia-img6{
  width: 150px;
  height: 150px;
  margin: 0px auto 4px;
  transition: all 0.6s;
  background:url('/assets/img/index/index_img17.png') no-repeat;
  background-size:100% 100%;
}
.service-c1:hover figcaption{
  color:rgba(155,112,194,1);
}
.plan{
  padding-top: 94px;
}
.plan-1{
  width: 1368px;
  height: 266px;
  display: flex;
  justify-content: center;
}
.plan-1 img{
  width: 684px;
  height: 266px;
}
.plan-1-right{
  width: 684px;
  height: 266px;
  display: flex;
  justify-content: center;
}
.plan-text{
  text-align: left;
}
.plan-text-h1{
   font-size:26px;
   font-weight:bold;
   color:rgba(42,46,46,1);
   padding-left: 20px;
   margin-bottom: 17px;
   margin-top: 50px;
}
.plan-text-h2{
  font-size:18px;
  color:rgba(42,46,46,1);
  margin-bottom: 17px;
}
.plan-text-h3{
  font-size:16px;
  color:rgba(42,46,46,1);
  padding-left: 20px;
}
.plan-2{
  width: 684px;
  height: 246px;
  display: flex;
  justify-content: center;
  float: left;
}
.plan-2 img{
  width: 342px;
  height: 246px;
}
.plan-2-right{
  width: 342px;
  height: 246px;
  display: flex;
  justify-content: center;
}
.clearfloat{
  clear: both;
}
.plan-1-left{
  width: 684px;
  height: 266px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gendu{
  width: 684px;
  height: 266px;
  background:rgba(155,112,194,0.6);
  display:none;
}
.plan li:hover .gendu{
  width: 684px;
  height: 266px;
  line-height: 266px;
  text-align: center;
  background:rgba(155,112,194,0.6);
  position:absolute;
  display: block;
  font-size:26px;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.plan li:hover .plan-1-right{
  background:rgba(224,221,237,1);
}
.plan-2-left{
  width: 342px;
  height: 246px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gendu1{
  display: none;
}
.plan li:hover .gendu1{
  width: 342px;
  height: 246px;
  line-height: 246px;
  text-align: center;
  background:rgba(155,112,194,0.6);
  position:absolute;
  display: block;
  font-size:26px;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.plan li:hover .plan-2-right{
  background:rgba(224,221,237,1);
}
.join{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 98px;
}
.join-cont{
  width:336px;
  height:448px;
  border-radius:4px;
  position: relative;
  overflow: hidden;
}
.join-cont-img{
  width:336px;
  height:448px;
  position: absolute;
}
.join-cont-text{
  width:336px;
  height:448px;
  background:rgba(255,255,255,0.7);
  position:absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.join-cont-text-h1{
  font-size:26px;
  font-weight: 800;
  color:rgba(155,112,194,1);
  transition: all 0.6s;
}
.join-cont-text-box{
  position:absolute;
  top:100%;
  transition: all 0.6s;
}
.join-cont-text-box p{
  font-size:20px;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.join-cont-text-box img{
  width: 50px;
  height: 20px;
}
.join-cont:hover .join-cont-text{
  background:rgba(155,112,194,0.6);
  transition: all 0.6s;
}
.join-cont:hover .join-cont-text-h1{
  color:rgba(255,255,255,1);
  font-weight: 800;
  margin-top: -70px;
}
.join-cont:hover .join-cont-text-box{
  top: 240px;
}
.join-cont:hover .join-cont-text-box p{
  margin-bottom: 20px;
  transition: all 0.6s;
}
.join-right{
  width:88px;
  height:448px;
  background:rgba(255,255,255,1);
  border-radius:2px;
  border:1px solid rgba(155,112,194,1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.join-right-text{
  width:25px;
  font-size:20px;
  font-weight:500;
  color:rgba(155,112,194,1);
  line-height:26px;
}
.join-right:hover{
  background:rgba(224,221,237,1);
}
.join-right:hover .join-right-text{
  background:rgba(224,221,237,1);
  font-weight:800;
}
.partner{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  position: relative;
  padding-top: 96px;
}
.swiper-container-partner{
  width: 1200px;
  height: 390px;
  overflow: hidden;
}
.partner-img{
  width: 1200px;
  height: 390px;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
  width: 28px;
  height: 35px;
  background-image: url('/assets/img/index/index_img44.png');
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
  width: 28px;
  height: 35px;
  background-image: url('/assets/img/index/index_img45.png');
}
.swiper-button-next:hover{
  background-image: url('/assets/img/index/index_img34.png');
}
.swiper-button-prev:hover{
  background-image: url('/assets/img/index/index_img35.png');
}
.swiper-button-prev{
  left: -70px;
  right: auto;
  top: 60%;
  background-image: url('/assets/img/index/index_img34.png');
}
.swiper-button-next{
  right: -70px;
  left: auto;
  top: 60%;
  background-image: url('/assets/img/index/index_img35.png');
}